<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:wicket="http://wicket.apache.org">
    <head>
        <title></title>
        <link wicket:id='stylesheet'/>
        <script wicket:id='script'></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#profil").hide();
                $("#profil_btn").click(function(){
                    $("#profil").toggle()
                });
                $("#profil_btn").mouseover(function(){
                    $(this).css("color", "red")
                });
                $("#profil_btn").mouseout(function(){
                    $(this).css("color", "orange")
                });
            });

        </script>
    </head>
    <body>
        <span wicket:id='mainNavigation'/> 
        <h1>Vitajte na svojej osobnej stránke!</h1>
        <div>

            <div  style="float: left; width: 600px; padding-right: 50px" >
                <h2>Zoznam rezervácií izieb!</h2>
                <table>
                    <tr><th>Hotel </th><th> Počet izieb</th><th> Počet dní</th><th>Dátum ubytovania</th><th> Zruš termín!</th></tr>
                    <tr wicket:id="list">
                        <td wicket:id="hotel">Hotel aaaaaaaaaaaa</td>
                        <td wicket:id="velkostIzby">3</td>
                        <td wicket:id="dlzkaRezervacie">6</td>
                        <td wicket:id="datum">30.11.2011</td>
                        <td><a wicket:id="deleteTermin" href="#" style="color: magenta">Zmaž!</a></td>

                    </tr>
                </table>

                <h4><a wicket:id="addRoom" href="#">Rezervuj izbu!</a></h4>
                <h2>Zoznam rezervácií konferenčnej miestnosti!</h2>
                <table>
                    <tr><th>Hotel </th><th>Názov prednášky</th><th> Dĺžka prednášky</th><th>Dátum prednášky</th><th>Verejná</th><th> Zruš termín!</th></tr>
                    <tr wicket:id="list_pred">
                        <td wicket:id="hotel_pred">Hotel aaaaaaaaaaaa</td>
                        <td wicket:id="nazov">3</td>
                        <td wicket:id="dlzka">6</td>
                        <td wicket:id="datum_pred">30.11.2011</td>
                        <td wicket:id="verejna">Ano</td>
                        <td><a wicket:id="deleteTermin_pred" href="#" style="color: magenta">Zmaž!</a></td>

                    </tr>
                </table>
                <h4><a wicket:id="addPresentation" href="#">Rezervuj konferenčnú miestnosť!</a></h4>
                <br/>
            </div>

            <div id="prf_div" style="float: left">
                <h1 style="text-decoration: underline" id="profil_btn">Zobraz moj profil!</h1>
                <div id="profil" class="prf_css">
                    <b>Meno: </b><span  wicket:id="firstName"></span><br/>
                    <b>Priezvisko: </b><span wicket:id="lastName"></span><br/>
                    <b>Adresa: </b><span wicket:id="adress"></span><br/>
                    <b>Telefón: </b><span wicket:id="telefon"></span><br/>
                    <b>E-mail: </b><span wicket:id="mail"></span><br/>
                    <b>Firma: </b><span wicket:id="firma"></span><br/>
                    <b>Krajina: </b><span wicket:id="krajina"></span><br/>
                </div>
            </div>
        </div>
        <div style="clear: both">
            <div align="right">
                <form>
                    <input wicket:id="logout" type="submit" value="Logout"/>
                </form>

            </div>
        </div>
    </body>
</html>
